<template>
  <div class="article-container">
    <div class="content" v-html="article.html">
     
    </div>
  </div>
</template>

<script setup>
import { useTitle } from '@vueuse/core'

const article = ref({
  title: 'Article Title',
  html: '<span>文章内容</span>'
})

useTitle(article.title)
</script>

<style lang="scss" scoped>
.article-container {
  padding: 10px;

  .content {
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  }
}
</style>
